import React from 'react'
import './index.scss'
import { Idata } from '../../type/type'

interface Iprops {
  data?: Idata
}

export default function OnLiveUserItem(props: Iprops) {
  const { data } = props
  return (
    <div className='OnLiveUserItem'>
      <li className='OnLiveUserItem-Item'>
        <img className='OnLiveUserItem-Item-userImg' src={data?.imgUrl}></img>
        <span className='OnLiveUserItem-Item-userName' style={{ color: data?.status == 2 ? 'green' : 'red' }}>{data?.name}</span>
      </li>
    </div>
  )
}
